/* pages/goods/purchase_goods_detail.wxss */

@import "/utils/wxParse/wxParse.wxss";

.ordinary_price {
    margin-left: 10rpx;
    font-weight: 400;
    color: #999999;
}

.ordinary_price .icon {
    font-size: 22rpx;
}

.ordinary_price .num {
    font-size: 24rpx;
    text-decoration: line-through;
}

.detail_ {
    background-color: #f5f5f5;
}

.detail_ {
    word-break: break-all;
    overflow: auto;
}

swiper {
    height: 750rpx;
}

.bj {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}

.slide-image {
    width: 100%;
    height: 100%;
}

.m_ctr {
    float: left;
    width: 100%;
    /* min-height: 88rpx; */
    background: #fff;
    padding: 25rpx 0rpx;
    margin-bottom: 20rpx;
    font-size: 32rpx;
    display: flex;
    align-items: center;
}

.m_ctt {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20rpx;
    position: relative;
}

.m_ctts {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    /* padding: 20rpx; */
    position: relative;
}

/*标题 价格*/
.goods_title,
.goods_subtitle,
.goods_price {
    /* float: left; */
    width: 100%;
    line-height: 40rpx;
    color: #312c2f;
}

.goods_price .detail_vip {
    width: 78rpx;
    height: 40rpx;
    margin-left: 20rpx;
}

.goods_price .detail_shop {
    width: 110rpx;
    height: 40rpx;
    margin-left: 20rpx;
    background: linear-gradient(97deg, #fadd9e 0%, #cda85a 100%);
    font-size: 26rpx;
    border-radius: 8rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #312c2f;
}

.goods_title {
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 32rpx;
    color: #312c2f;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 36rpx;
}

.goods_subtitle {
    font-size: 28rpx;
    color: #888;
    padding: 16rpx 0;
}

.goods_price {
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 48rpx;
    color: #312c2f !important;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
}

.goods_price .vip_title {
    margin-left: 24rpx;
    display: inline-block;
    width: 104rpx;
    height: 40rpx;
    background: #312c2f;
    border-radius: 40rpx 40rpx 40rpx 40rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 24rpx;
    color: #ffffff;
    line-height: 40rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.goods_price span {
    color: #312c2f !important;
    font-size: 28rpx;
    font-weight: 500;
    margin-top: 10rpx;
}

.goods_price image {
    width: 60rpx;
    height: 28rpx;
}

.join_vip {
    width: 424rpx;
    height: 40rpx;
    margin-top: 16rpx;
    background: linear-gradient(97deg, #fadd9e 0%, #cda85a 100%);
    border-radius: 8rpx;
    display: flex;
    align-items: center;
    padding-left: 12rpx;
    box-sizing: border-box;
}

.join_vip .image {
    width: 28rpx;
    height: 28rpx;
}

.join_vip .line {
    width: 1rpx;
    height: 24rpx;
    background-color: #312c2f;
    margin: 0 14rpx;
}

.join_vip .text {
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 24rpx;
    color: #312c2f;
    line-height: 24rpx;
}

.goods_price1 {
    margin-top: 20rpx;
    /* float: left; */
    width: 100%;
    line-height: 40rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 28rpx;
    color: #312c2f;
    display: flex;
}

.vip_link {
    width: 300rpx;
    height: 40rpx;
    background: #ebecf0;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    margin-left: 24rpx;
}

.vip_link image {
    width: 100%;
    height: 100%;
}

.goods_share_ctr {
    position: absolute;
    right: 20rpx;
    top: 20rpx;
    z-index: 2;
    text-align: center;
    font-size: 24rpx;
    line-height: 36rpx;
    background: none;
    border: 0;
}

.goods_share_ctr::after {
    border: 0;
}

.goods_share_ctr i {
    font-size: 40rpx;
}

/*规格 服务条*/
.goods_cell {
    float: left;
    width: 100%;
    /* height: 80rpx; */
    /* border-bottom: 1px #f2f2f2 solid; */
    /* line-height: 80rpx; */
    font-size: 28rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.goods_cell_left {
    float: left;
    /* height: 100rpx; */
    display: flex;
    align-items: center;
}

.goods_cell_left i {
    font-size: 24rpx;
}

.goods_cell_right {
    float: right;
}

.goods_cell_right i {
    color: #999;
}

/*评论*/
.comment_title_left {
    float: left;
}

.comment_title_right {
    float: right;
    color: #999;
    font-size: 28rpx;
}

.comment_pic {
    margin-top: 20rpx;
    float: left;
    width: 80rpx;
    height: 80rpx;
    border-radius: 50%;
}

.comment_pic image {
    width: 100%;
    height: 100%;
}

.comment_name {
    margin-top: 20rpx;
    float: left;
    line-height: 80rpx;
    padding-left: 20rpx;
    font-size: 24rpx;
}

.comment_date {
    float: left;
    padding-bottom: 10rpx;
    color: #999;
    font-size: 24rpx;
}

.comment_info {
    float: left;
    width: 100%;
    font-size: 24rpx;
}

/*说明*/
.info_title {
    float: left;
    width: 100%;
    height: 70rpx;
    border-bottom: 1px #f2f2f2 solid;
    line-height: 70rpx;
    /* padding: 20px; */
}

.info_ctr {
    float: left;
    width: 100%;
    min-height: 100rpx;
    color: #666;
    font-size: 32rpx;
    line-height: 60rpx;
    padding: 10rpx 0;
}

.info_ctr image {
    max-width: 100%;
    display: block;
    width: 100% !important;
}

/*底部*/
.goods_foot {
    position: fixed;
    display: flex;
    align-items: center;
    width: 100%;
    height: 128rpx;
    background: #fff;
    border-top: 2rpx #eee solid;
    left: 0;
    bottom: 0;
    z-index: 9;
    line-height: 98rpx;
    text-align: center;
    /* padding-right: 20rpx; */
    /* box-sizing: border-box; */
    /* padding-bottom: 20rpx; */
}

button {
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    background-color: transparent;
    line-height: inherit;
}

button::after {
    border: none;
}

.goods_foot_btn {
    /* float: left; */
    /* width: 14%; */
    height: 98rpx;
    border: 0;
    /* border-right: 2rpx #eee solid; */
    position: relative;
    font-weight: 400;
    font-size: 20rpx;
    color: #333333;
    margin-left: 44rpx;
}

.goods_foot_btn_img1 {
    width: 40rpx;
    height: 40rpx;
    margin-bottom: -2.5rpx;
}

.goods_foot_btn .goods_foot_btn_img2 {
    width: 40rpx;
    height: 40rpx;
    margin-bottom: -2.5rpx;
}

.goods_foot_btn_text {
    /* width: 60rpx; */
    height: 55rpx;
    margin: 0 auto;
    margin-top: -50rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 20rpx;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
    line-height: 55rpx;
}

.cart_yuan {
    position: absolute;
    width: 40rpx;
    height: 40rpx;
    text-align: center;
    line-height: 40rpx;
    border-radius: 50%;

    color: #fff;
    right: 37rpx;
    top: -4rpx;
    z-index: 10;
    font-size: 24rpx;
}

.goods_foot_cart,
.goods_foot_buy,
.goods_foot_none {
    /* float: right; */
    width: 28.5%;
    font-weight: bold;
    height: 98rpx;
    font-size: 32rpx;
}

.goods_foot_cart {
    width: 240rpx;
    height: 70rpx;
    background: #ebecf0;
    border-radius: 100rpx 0rpx 0rpx 100rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 28rpx;
    color: #312c2f;
    line-height: 70rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.goods_foot_buy {
    width: 240rpx;
    height: 70rpx;
    background: #312c2f !important;
    border-radius: 0rpx 100rpx 100rpx 0rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 28rpx;
    color: #ffffff;
    line-height: 70rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.goods_foot_buys {
    width: 470rpx;
    height: 70rpx;
    background: #312c2f !important;
    border-radius: 100rpx 100rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 500;
    font-size: 28rpx;
    color: #ffffff;
    line-height: 70rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.goods_foot_none {
    width: 57%;
}

/* sku选择 */
.dialog_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

.dialog_container {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    transform: translateY(150%);
    transition: all 0.4s ease;
    z-index: 11;
    overflow: visible;
}

.dialog_show .dialog_container {
    transform: translateY(0);
}

.dialog_show .dialog_mask {
    display: block;
}

.image_sku {
    width: 200rpx;
    height: 200rpx;
    z-index: 12;
    position: absolute;
    left: 20rpx;
    top: -30px;
    border-radius: 10rpx;
}

.image_close {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 20rpx;
    top: 20rpx;
    z-index: 20;
}

/*分享*/
.share_ctr {
    float: left;
    width: 70%;
    padding: 60rpx 15% 20rpx;
}

.share_cell {
    float: left;
    margin-left: 37rpx;
    width: 200rpx;
    height: auto;
    text-align: center;
}

.share_cell .btn {
    float: left;
    margin: 0 50rpx;
    width: 100rpx;
    height: 100rpx;
    line-height: 100rpx;
    background: #50b674;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.share_cell .btn i {
    color: #ffffff;
    font-size: 68rpx;
}

.share_txt {
    float: left;
    width: 100%;
    line-height: 80rpx;
    font-size: 28rpx;
    color: #666;
}

/*分享图*/
.share_pic_ctr .dialog_mask {
    display: block;
}

.share_pic_ctt {
    position: fixed;
    top: 100rpx;
    width: 100%;
    z-index: 11;
    display: none;
}

.share_pic_ctr .share_pic_ctt {
    display: block;
}

.share_pic_ctr .image_close {
    right: 85rpx;
    top: 10rpx;
}

.share_pic {
    margin: 0 auto;
    width: 600rpx;
    height: 1000rpx;
    background: #fff;
    border-radius: 10rpx;
}

.share_pic image {
    width: 100%;
    display: block;
}

.share_btn {
    margin: 0 auto;
    margin-top: 30rpx;
    width: 600rpx;
    height: 80rpx;
    line-height: 80rpx;
    color: #fff;
    text-align: center;
    border-radius: 6rpx;
    font-size: 28rpx;
}

.sku_ctr1 {
    width: 100%;
    height: auto;
    padding-top: 20rpx;
    padding-left: 236rpx;
    font-size: 24rpx;
    line-height: 36rpx;
    height: 120rpx;
    /* display: flex;
  align-items: center; */
}

.sku_ctr1 .vip {
    display: inline-block;
    background: linear-gradient(-270deg, #fff5e1 0%, #ffe2a4 100%);
    border-radius: 4rpx 4rpx 4rpx 4rpx;
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 24rpx;
    color: #333333;
    line-height: 32rpx;
    padding: 4rpx 16rpx;
    margin: 4rpx 0 10rpx 0;
}

.sku_ctr1 .detail_vip {
    width: 70rpx;
    height: 32rpx;
    margin-left: 12rpx;
}

.sku_ctr1 .detail_shop {
    width: 100rpx;
    height: 32rpx;
    margin-left: 12rpx;
    background: linear-gradient(97deg, #fadd9e 0%, #cda85a 100%);
    font-size: 24rpx;
    border-radius: 8rpx;
    text-align: center;
    line-height: 32rpx;
    color: #312c2f;
}

.sku_t1 {
    width: 100%;
    font-size: 40rpx;
    margin-bottom: 10rpx;
    color: #333333;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.sku_t2 {
    font-family:
        Alibaba PuHuiTi 2,
        Alibaba PuHuiTi 20;
    font-weight: 400;
    font-size: 24rpx;
    color: #999999;
    line-height: 34rpx;
}

.border-line {
    width: 100%;
    height: 2rpx;
    display: inline-block;
    background-color: #eee;
}

.sku_ctr2 {
    width: 100%;
    padding: 20rpx;
    padding-top: 10rpx;
    padding-bottom: 30rpx;
}

.sku_t3 {
    width: 100%;
    font-size: 32rpx;
    padding-bottom: 14rpx;
    padding-top: 6rpx;
}

.sku_spec1,
.sku_spec2 {
    float: left;
    margin-right: 16rpx;
    margin-bottom: 12rpx;
    line-height: 56rpx;
    border: 1px #999 solid;
    padding: 0 20rpx;
    font-size: 28rpx;
    background: #fff;
    border-radius: 6px;
}

.sku_del,
.sku_add {
    float: left;
    width: 80rpx;
    line-height: 64rpx;
    text-align: center;
    border: 1px #999 solid;
    border-radius: 8rpx 0 0 8rpx;
    background: #fff;
    font-size: 28rpx;
    color: #666;
}

.sku_input {
    float: left;
    width: 120rpx;
    height: 64rpx;
    line-height: 64rpx;
    text-align: center;
    border-top: 1px #999 solid;
    border-bottom: 1px #999 solid;
    background: #fff;
    font-size: 28rpx;
}

.sku_add {
    border-radius: 0 8rpx 8rpx 0;
}

.sku_cart,
.sku_buy,
.sku_none {
    float: left;
    width: 50%;
    line-height: 90rpx;
    font-size: 32rpx;
    color: #fff;
    text-align: center;
}

.sku_none {
    width: 100%;
    background: #ccc;
}

/*直播*/
.live_on_show {
    position: fixed;
    right: 20rpx;
    bottom: 160rpx;
    z-index: 9;
    width: 80rpx;
    height: 110rpx;
    border: 2rpx #eee solid;
    border-radius: 10rpx;
    background-color: rgba(255, 255, 255, 0.8);
}

.live_on_show image {
    float: left;
    margin: 10rpx 10rpx 0;
    width: 60rpx;
    border-radius: 30rpx;
}

.live_on_txt {
    float: left;
    width: 100%;
    line-height: 40rpx;
    font-size: 24rpx;
    text-align: center;
}

.wu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xian {
    background: #fff;
    width: 100%;
    height: 1rpx;
    margin: 5rpx 0;
}

@import "/style/style.wxss";

.yixuan {
    display: flex;
    align-items: center;
}

.tuijian {
    background-color: #fff;
    margin-top: 20rpx;
    padding: 10rpx 0rpx;
    padding-top: 0;
    box-sizing: border-box;
    margin-bottom: 20rpx;
}

.tuijian .title {
    width: 100%;
    padding: 30rpx 20rpx;
    box-sizing: border-box;
    font-size: 38rpx;
    font-weight: 550;
}
